* {
    margin: 0;
    padding: 0;
}

/* PAGE */
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #092e20;
    color: #fff;
    /*
    background-image: url('../img/sf-90.jpg');
    background-repeat: no-repeat;
    background-color: #003124;
    */
}

/* LINKS and IMG */
a:link, a:visited {
    color: #7ac447;
    text-decoration: none;
}
a:hover { 
    color: #9aef42;
}
a img {
    border:none;
}

/* TEXT STYLES & MODIFIERS */
span.index {
    font-size: 8px;
}

/* RST */
#step_other div.document { text-align: justify; width: 700px; }
#step_other p { text-indent: 20px; padding: 4px; }
#step_other h1.title { font-size: 22px; padding: 12px 1px 12px 1px;}
#step_other h1 { font-size: 18px; padding: 8px 1px 8px 1px; }
#step_other h2 { font-size: 16px; padding: 4px 1px 4px 1px; }
table.docutils { border-collapse:collapse; }
table.docutils thead th { border-bottom:2px solid #dfdfdf; text-align:left; }
table.docutils td, table.docutils th { border-bottom:1px solid #dfdfdf; padding:4px 2px;}
table.docutils td p { margin-top:0; margin-bottom:.5em; }
#documentation #content-related .literal { background:transparent !important; }
#step_other ul { padding-left: 30px; margin-left: 10px; }
#step_other ol { padding-left: 30px; margin-left: 10px; }
#step_other ul li { list-style-type:square; margin-bottom:.4em; }
#step_other ul ul { padding-left:1.2em;}
#step_other ul ul ul { padding-left:1em; }
#step_other dt { font-weight:bold; margin-top:.5em; font-size:1.1em; }
#step_other dd { margin-bottom:.8em; }

/* CODE BLOCKS */
.literal { white-space:nowrap; }
.literal, .literal-block { color:#234f32; }
.sidebar .literal { color:white; background:transparent; font-size:11px; }
pre, .literal-block { font-size:medium; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; margin: 1em 10px; padding: .3em .4em; overflow: auto; }
dt .literal, table .literal { background:none; }
textarea.codedump { font-size:10px; color:#234f32; width:100%; background:#E0FFB8; border:1px solid #94da3a; border-width:1px 0; padding: .3em .4em; }

/* NOTES & ADMONITIONS */
#progressbar {
    padding-top: 50px;
    text-align: center;
    display: none;
    height: 170px;
}

p {
    padding: 2px;
}

div.buttons {
    padding: 0.5em;
    clear: both;
}

h3 {
    font-size: 14px;
    color: #ffc757;
    margin-bottom: 5px;
}

h4 {
    margin-bottom: 5px;
    font-size: 12px;
    color: #ffc757;
}

p.images {
    margin-top: 20px;
}

#solfile pre, #bodfile pre {
    font-size: 10px; background:#FFFFFF; border:1px solid #94da3a; border-width:1px 0; margin: 2px 0 10px 0; padding: .3em .4em; overflow: auto;
}

#solution_data div.hide {
    display: none;
}

#solution_data div.show {
    display: block;
}

/* LIST */
.errorlist {
    margin-left: 1px;
    font-style: italic;
    font-size: 11px;
    border: 1px solid #eee;
    color: #000;
    list-style: none;
    background: #ffffe0 url(../img/icon_alert.gif) 0 50% no-repeat;
    padding-left: 20px;
    min-height: 15px;
}

#mainlist ul, ol {
    padding: 5px;
}

#mainlist li {
    margin-left: 20px;
}

#paginator {
    margin-top: 5px;
    margin-left: 20px;
    text-align: left;
    clear: both;
}

/* MESSAGES */
div.success_msg {
    font-size: 11px;
    font-style: italic;
    padding: 3px;
    background: #ffffe0 url(../img/icon_success.gif) 0 50% no-repeat;
    text-align: right;
    border: 1px solid #eee;
    color: #000;
    padding-left: 20px;
}

div.error_msg {
    border: 1px solid #eee;
    font-size: 11px;
    font-style: italic;
    padding: 3px;
    background: #ffffe0 url(../img/icon_alert.gif) 0 50% no-repeat;
    text-align: right;
    color: #000;
    padding-left: 20px;
}

/* TABLES */
table { 
    border-collapse: collapse;
    border: 1px solid #eee;
    color: #000;
}

#lptable table{
    white-space:nowrap;
}

#lptable td {
    border: none;
    white-space:nowrap;
}

#lptable th {
    border:none;
}

#optionstable ul {
    margin: 0;
    list-style-type: none;
}

td, th { 
    font-size: 11px;
    line-height: 13px;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    padding: 5px;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

th {
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}

#projectstable {
    border: 1px solid #487858;
    color: #fff;
    min-width: 230px;
    max-width: 300px;
    clear: both;
}

#projectstable th, #projectstable td {
    height: 25px;
}
#projectstable th.project {
    width: 160px;
}

#projectstable td, #projectstable th {
    border-bottom: 1px solid #487858;
    border-left: 1px solid #487858;
}

#projectstable td.project {
    color: #487858;
}

#intable th, #intable2 th {
    font-size: 11px;
    border: 1px solid #ccc;
}

#intable td, #intable2 td {
    font-size: 11px;
    border-right: 1px solid #eee;
}

/* FORM DEFAULTS */
input, textarea, select {
    margin: 2px 0;
    padding: 2px 3px;
    vertical-align: middle;
    font-family: "Lucida Grande", Verdana, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
}

#lptable input, #lptable textarea, #lptable select, #lptable option {
    font-size: 9px;
}

textarea { vertical-align:top !important; }
input[type=text], input[type=password], textarea, select {
    border: 1px solid #ccc;
}
input[type=submit] { 
    padding: 3px;
    color: black;
}
input[type=button] { 
    padding: 3px;
    color: black;
}

option {
    padding-right: 10px;
}

/* LAYOUT */
#content {
    min-width: 800px;
    width: 99%;
}

#main_step_menu {
    background-color: #234f32;;
    float: left;
}

#mainmenu {
    height: 20px;
    background-color: #234f32;
    clear: both;
    color: #092e20;
    padding-left: 10px;
    padding-right: 10px;
}

#leftmenu {
    background-color: #234f32;
    float: left;
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

#step {
    background-color: #fff;
    color: #000;
    padding: 0.5em; 
    clear: right;
    margin-left: 120px;
    min-height: 170px;
    min-width: 170px;
}

#step_other {
    background-color: #fff;
    color: #000;
    padding: 0.5em; 
    clear: right;
    margin-left: 120px;
    min-height: 170px;
}

#leftmenu_other {
    background-color: #234f32;
    float: left;
    width: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

#footer {
    font-size: 10px;
    /*background-color: #092e20;*/
    color: #487858;
    clear:both;
    padding: 5px;
}

#header {
    /*background-color: #092e20;*/
    clear: both;
    height: 70px;
}

#projectname {
    /*background-color: #092e20;*/
    height: 1.3em;
    clear: both;
    vertical-align: bottom;
    padding-left: 20px;
    padding-bottom: 0px;
    padding-top: 10px;
}

#headline {
    float: left;
    clear: left;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 22px;
    color: #fff;
}

#leftside {
    float: left;
    width: 40%;
}

#about {
    width: 100%;
    float: left;
    clear: both;
    background-color: #fff;
    color: #000;
    height: 170px;
    padding: 5px 5px 5px 5px;
}

#news {
    min-width: 200px;
    width: 100%;
    float: left;
    clear: both;
    background-color: #487858;
    min-height: 170px;
    padding: 5px 5px 5px 5px;
    color: #fff;
    height: 170px;
}

#main {
    width: 21%;
    min-width: 210px;
    max-width: 220px;
    float: left;
    background-color: #326342;
    color: #fff;
    height: 340px;
    padding: 10px;
}

#projects {
    width: 25%;
    min-width: 230px;
    max-width: 300px;
    float: left;
    background-color: #234f32;
    color: #fff;
    height: 340px;
    padding: 10px;
}

#noprojects {
    width: 40px;
    float: left;
    background-color: #234f32;
    color: #fff;
    height: 340px;
    padding: 10px;
}

div#version {
    font-size: 9px;
    margin-top:5px;
}

div#userinfo {
    font-size: 10px;
    margin-top: 20px;
}

div.setting_intro {
    font-size: 13px;
    margin-bottom: 10px;
}

hr { margin-top: 5px; margin-bottom: 5px; }

/* MAIN MENU */
#mainmenutext {
    float: left;
    margin-left: 90px;
    text-align: left;
    font-size: 11px;
    color: #ffb;
    padding-top: 2px;
}

/* STEP MENU */
#startconnector {
    float: left;
    height: 20px;
    width: 10px;
    border-left: 4px solid #092f21;
    margin-left: 10px;
    background-color: #234f32;
}

.connector {
    list-style-type: none;
    height: 30px;
    width: 82px;
    border-left: 4px solid #092f21;
    margin-left: 10px;
    background-color: #234f32;
}
.plainconnector {
    list-style-type: none;
    height: 30px;
    width: 82px;
    border: none;
    margin-left: 10px;
    background-color: #234f32;
}


#leftmenu ul {
    list-style-type: none;
    text-align: left;
    font-size: 10px;
}

#leftmenu li {
    background-color: #234f32;
}

a.nl {
    display: block;
    padding: 2px 2px 2px 24px;
    width: 70px;
    background-color: #092f21;
    color: #fff;
}

div.disabled {
    display: block;
    padding: 2px 2px 2px 24px;
    width: 70px;
    background-color: #092f21;
    color: #487858;
}

a.nl:link, a.nl:visited {
    color: #fff;
}

a.nl:hover {
    background-color: #e0b34e;
    color: #fff;
}

#active a:link, #active a:visited, #active a:hover {
    background-color: #e0b34e;
    color: #fff;
}

#viewtype {
    float: right;
    color: #e0b34e;
    font-size: 9px;
    background-color: #234f32;
}

#viewtype a:link, #viewtype a:visited {
    color: #fff;
}

#viewtype a:hover {
    color: #9aef42;
}

#viewtype a.show {
    text-decoration: line-through;
}

#sitenav {
    clear: left;
    float: left;
    /*background-color: #092f21;*/
    height: 1.5em;
    padding-left: 20px;
    visibility: visible;
}

#sitenav_space {
    clear: both;
    /*background-color: #092f21;*/
    height: 1.5em;
    padding-left: 20px;
    visibility: visible;
}
